<template>
    <view class="page__bd">
        <view class="hb-search">
            <view class="hb-search__form">
                <text class="hb-icon_search"></text>
                <input :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"/>
            </view>
            <view class="action"><text class="hb-icon_roundclose"></text>取消</view>
        </view>
        
        <view class="hb-search margin-top">
            <view class="hb-search__form round">
                <text class="hb-icon_search"></text>
                <input :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"/>
            </view>
            <view class="action">
                <button class="hb-btn hb-btn_success shadow-blur round">搜索</button>
            </view>
        </view>
        
        <view class="hb-search margin-top">
            <view class="hb-avatar round" style="background-image: url(https://img.18183.com/uploads/allimg/181229/237-1Q2291H404N0.jpg);"></view>
            <view class="hb-search__form round">
                <text class="hb-icon_search"></text>
                <input :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"/>
            </view>
            <view class="action">
                福州<text class="hb-icon_arrow-down"></text>
            </view>
        </view>
        
        <view class="hb-search margin-top">
            <view class="action">
                福州<text class="hb-icon_arrow-down"></text>
            </view>
            <view class="hb-search__form round">
                <text class="hb-icon_search"></text>
                <input :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"/>
            </view>
            <view class="action">
                搜索
            </view>
        </view>
        
        <view class="hb-search margin-top">
            <view class="action">
                福州<text class="hb-icon_arrow-down"></text>
            </view>
            <view class="hb-search__form round">
                <text class="hb-icon_search"></text>
                <input :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"/>
                <text class="hb-icon_scanit"></text>
            </view>
        </view>
        
        
        <view class="hb-search margin-top bg-orange">
            <view class="hb-avatar round" style="background-image: url(https://img.18183.com/uploads/allimg/181229/237-1Q2291H404N0.jpg);"></view>
            <view class="hb-search__form round">
                <text class="hb-icon_search"></text>
                <input :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"/>
            </view>
            <view class="action">
                福州<text class="hb-icon_arrow-down"></text>
            </view>
        </view>
    </view>
</template>

<script>
</script>

<style>
</style>
